<template>
  <div class="container-log">
    <div class="search-container content-item">
      <div class="left">
        <span>日期：</span>
        <el-date-picker v-model="date"
                        type="daterange"
                        size="small"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期" />
      </div>
      <div class="right">
        <el-input placeholder="输入关键字"
                  style="width: 280px;"
                  size="small" />
        <el-button size="small"
                   type="primary">搜索</el-button>
      </div>
    </div>
    <div class="content-item">
      <TabList :tabData="tableData"
               class="g-mt10 table-header-gray"
               :columns="columns" />
      <pagenation :dataLength="total"
                  :page="queryParams.page"
                  :pageSize="queryParams.pageSize"
                  :handleSizeChange="handleSizeChange"
                  :handleCurrentChange="handleCurrentChange" />
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  props: {
  },
  mixins: [],
  components: {},
  data () {
    return {
      date: '',
      tableData: [
        {
          time: '2018-07-21 15:20:02',
          account: 'Admin',
          content: '配置评比规则'
        }
      ],
      columns: [
        { label: '操作时间', prop: 'time' },
        { label: '账号', prop: 'account' },
        { label: '操作详情', prop: 'content' }
      ],
      total: 0,
      queryParams: {
        size: 1,
        num: 10
      }
    }
  },
  created () { },
  mounted () { },
  methods: {
    handleCurrentChange () {
    },
    handleSizeChange () { }
  }
}
</script>
<style lang='less' scoped>
.container-log {
  .search-container {
    display: flex;
    justify-content: space-between;
  }
}
</style>
